import { Image } from 'expo-image'
import { View } from 'react-native'

const blurDataURL =
  ''

export default function ResponsiveImage(props) {
  //? Props
  const { style, alt, imageStyles, ...rest } = props

  //? Render(s)
  return (
    <View style={style}>
      <Image
        alt={alt}
        className={imageStyles}
        placeholder={blurDataURL}
        transition={200}
        {...rest}
      />
    </View>
  )
}
